<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>全屏背景切换</title>
    <script src="http://api.asilu.com/cdn/jquery.js,jquery.backstretch.min.js" type="text/javascript"></script>
</head>
<body>
<script type="text/javascript">
    $.backstretch([
        'https://images.mafengwo.net/images/signup/wallpaper/40.jpg',
        'https://images.mafengwo.net/images/signup/wallpaper/36.jpg',
        'https://images.mafengwo.net/images/signup/wallpaper/33.jpg',
        'https://images.mafengwo.net/images/signup/wallpaper/26.jpg'
    ], {
        fade : 1000, // 动画时长
        duration : 2000 // 切换延时
    });
</script>
</body>
</html>